<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="">

	<title>

		Profile &middot; Application theme &middot; Official Bootstrap Themes

	</title>

	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
	<link href="../assets/css/toolkit.css" rel="stylesheet">

	<link href="../assets/css/application.css" rel="stylesheet">

	<style>
		/* note: this is a hack for ios iframe for bootstrap themes shopify page */
		/* this chunk of css is not part of the toolkit :) */
		body
		{
			width: 1px;
			min-width: 100%;
			*width: 100%;
		}
	</style>

</head>


<body class="anf">


<div class="cd fade" id="msgModal" tabindex="-1" role="dialog" aria-labelledby="msgModal" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="d">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<button type="button" class="cg fx fp eg k js-newMsg">New message</button>
				<h4 class="modal-title">Messages</h4>
			</div>

			<div class="modal-body ame js-modalBody">
				<div class="up">
					<div class="qp cj ca js-msgGroup">
						<a href="#" class="b">
							<div class="qg">
                <span class="qk">
                <img class="cu qi" src="../assets/img/avatar-fat.jpg">
                </span>

								<div class="qh">
									<strong>Jacob Thornton</strong> and <strong>1 other</strong>

									<div class="aoe">
										Aenean eu leo quam. Pellentesque ornare sem lacinia quam &hellip;
									</div>
								</div>
							</div>
						</a>
						<a href="#" class="b">
							<div class="qg">
                <span class="qk">
                  <img class="cu qi" src="../assets/img/avatar-mdo.png">
                </span>

								<div class="qh">
									<strong>Mark Otto</strong> and <strong>3 others</strong>

									<div class="aoe">
										Brunch sustainable placeat vegan bicycle rights yeah…
									</div>
								</div>
							</div>
						</a>
						<a href="#" class="b">
							<div class="qg">
                <span class="qk">
                  <img class="cu qi" src="../assets/img/avatar-dhg.png">
                </span>

								<div class="qh">
									<strong>Dave Gamache</strong>

									<div class="aoe">
										Brunch sustainable placeat vegan bicycle rights yeah…
									</div>
								</div>
							</div>
						</a>
						<a href="#" class="b">
							<div class="qg">
                <span class="qk">
                  <img class="cu qi" src="../assets/img/avatar-fat.jpg">
                </span>

								<div class="qh">
									<strong>Jacob Thornton</strong> and <strong>1 other</strong>

									<div class="aoe">
										Aenean eu leo quam. Pellentesque ornare sem lacinia quam &hellip;
									</div>
								</div>
							</div>
						</a>
						<a href="#" class="b">
							<div class="qg">
                <span class="qk">
                  <img class="cu qi" src="../assets/img/avatar-mdo.png">
                </span>

								<div class="qh">
									<strong>Mark Otto</strong> and <strong>3 others</strong>

									<div class="aoe">
										Brunch sustainable placeat vegan bicycle rights yeah…
									</div>
								</div>
							</div>
						</a>
						<a href="#" class="b">
							<div class="qg">
                <span class="qk">
                  <img class="cu qi" src="../assets/img/avatar-dhg.png">
                </span>

								<div class="qh">
									<strong>Dave Gamache</strong>

									<div class="aoe">
										Brunch sustainable placeat vegan bicycle rights yeah…
									</div>
								</div>
							</div>
						</a>
						<a href="#" class="b">
							<div class="qg">
                <span class="qk">
                  <img class="cu qi" src="../assets/img/avatar-fat.jpg">
                </span>

								<div class="qh">
									<strong>Jacob Thornton</strong> and <strong>1 other</strong>

									<div class="aoe">
										Aenean eu leo quam. Pellentesque ornare sem lacinia quam &hellip;
									</div>
								</div>
							</div>
						</a>
						<a href="#" class="b">
							<div class="qg">
                <span class="qk">
                  <img class="cu qi" src="../assets/img/avatar-mdo.png">
                </span>

								<div class="qh">
									<strong>Mark Otto</strong> and <strong>3 others</strong>

									<div class="aoe">
										Brunch sustainable placeat vegan bicycle rights yeah…
									</div>
								</div>
							</div>
						</a>
						<a href="#" class="b">
							<div class="qg">
                <span class="qk">
                  <img class="cu qi" src="../assets/img/avatar-dhg.png">
                </span>

								<div class="qh">
									<strong>Dave Gamache</strong>

									<div class="aoe">
										Brunch sustainable placeat vegan bicycle rights yeah…
									</div>
								</div>
							</div>
						</a>
					</div>

					<div class="hide ali js-conversation">
						<ul class="qp aoa">
							<li class="qg aod alt">
								<div class="qh">
									<div class="aob">
										Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nulla vitae elit
										libero, a pharetra augue. Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo
										risus, porta ac consectetur ac, vestibulum at eros. Sed posuere consectetur est at lobortis.
									</div>
									<div class="aoc">
										<small class="dp">
											<a href="#">Dave Gamache</a> at 4:20PM
										</small>
									</div>
								</div>
								<a class="qj" href="#">
									<img class="cu qi" src="../assets/img/avatar-dhg.png">
								</a>
							</li>

							<li class="qg alt">
								<a class="qk" href="#">
									<img class="cu qi" src="../assets/img/avatar-fat.jpg">
								</a>

								<div class="qh">
									<div class="aob">
										Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est non commodo luctus,
										nisi erat porttitor ligula, eget lacinia odio sem nec elit. Praesent commodo cursus magna, vel
										scelerisque nisl consectetur et.
									</div>
									<div class="aob">
										Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla sed consectetur. Cras
										justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac,
										vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nullam quis
										risus eget urna mollis ornare vel eu leo. Morbi leo risus, porta ac consectetur ac, vestibulum at
										eros.
									</div>
									<div class="aob">
										Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui. Integer posuere erat a ante
										venenatis dapibus posuere velit aliquet. Nulla vitae elit libero, a pharetra augue. Donec id elit
										non mi porta gravida at eget metus.
									</div>
									<div class="aoc">
										<small class="dp">
											<a href="#">Fat</a> at 4:28PM
										</small>
									</div>
								</div>
							</li>

							<li class="qg alt">
								<a class="qk" href="#">
									<img class="cu qi" src="../assets/img/avatar-mdo.png">
								</a>

								<div class="qh">
									<div class="aob">
										Etiam porta sem malesuada magna mollis euismod. Donec id elit non mi porta gravida at eget metus.
										Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna
										mollis euismod. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean lacinia
										bibendum nulla sed consectetur.
									</div>
									<div class="aob">
										Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit
										aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec
										elit.
									</div>
									<div class="aoc">
										<small class="dp">
											<a href="#">Mark Otto</a> at 4:20PM
										</small>
									</div>
								</div>
							</li>

							<li class="qg aod alt">
								<div class="qh">
									<div class="aob">
										Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nulla vitae elit
										libero, a pharetra augue. Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo
										risus, porta ac consectetur ac, vestibulum at eros. Sed posuere consectetur est at lobortis.
									</div>
									<div class="aoc">
										<small class="dp">
											<a href="#">Dave Gamache</a> at 4:20PM
										</small>
									</div>
								</div>
								<a class="qj" href="#">
									<img class="cu qi" src="../assets/img/avatar-dhg.png">
								</a>
							</li>

							<li class="qg alt">
								<a class="qk" href="#">
									<img class="cu qi" src="../assets/img/avatar-fat.jpg">
								</a>

								<div class="qh">
									<div class="aob">
										Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est non commodo luctus,
										nisi erat porttitor ligula, eget lacinia odio sem nec elit. Praesent commodo cursus magna, vel
										scelerisque nisl consectetur et.
									</div>
									<div class="aob">
										Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla sed consectetur. Cras
										justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac,
										vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nullam quis
										risus eget urna mollis ornare vel eu leo. Morbi leo risus, porta ac consectetur ac, vestibulum at
										eros.
									</div>
									<div class="aob">
										Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui. Integer posuere erat a ante
										venenatis dapibus posuere velit aliquet. Nulla vitae elit libero, a pharetra augue. Donec id elit
										non mi porta gravida at eget metus.
									</div>
									<div class="aoc">
										<small class="dp">
											<a href="#">Fat</a> at 4:28PM
										</small>
									</div>
								</div>
							</li>

							<li class="qg all">
								<a class="qk" href="#">
									<img class="cu qi" src="../assets/img/avatar-mdo.png">
								</a>

								<div class="qh">
									<div class="aob">
										Etiam porta sem malesuada magna mollis euismod. Donec id elit non mi porta gravida at eget metus.
										Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna
										mollis euismod. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean lacinia
										bibendum nulla sed consectetur.
									</div>
									<div class="aob">
										Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit
										aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec
										elit.
									</div>
									<div class="aoc">
										<small class="dp">
											<a href="#">Mark Otto</a> at 4:20PM
										</small>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="anp" id="app-growl"></div>

<nav class="ck pd ot app-navbar">
	<div class="by">
		<div class="os">
			<button type="button" class="ov collapsed" data-toggle="collapse" data-target="#navbar-collapse-main">
				<span class="cv">Toggle navigation</span>
				<span class="ow"></span>
				<span class="ow"></span>
				<span class="ow"></span>
			</button>
			<a class="e" href="../index.html">
				<img src="../assets/img/brand-white.png" alt="brand">
			</a>
		</div>
		<div class="f collapse" id="navbar-collapse-main">

			<ul class="nav navbar-nav st">
				<li>
					<a href="../index.html">Home</a>
				</li>
				<li class="active">
					<a href="../profile/index.html">Profile</a>
				</li>
				<li>
					<a data-toggle="modal" href="#msgModal">Messages</a>
				</li>
				<li>
					<a href="../docs/index.html">Docs</a>
				</li>
			</ul>

			<ul class="nav navbar-nav oh ald st">
				<li>
					<a class="g" href="../notifications/index.html">
						<span class="h wr"></span>
					</a>
				</li>
				<li>
					<button class="cg fm oy ank" data-toggle="popover">
						<img class="cu" src="../assets/img/avatar-dhg.png">
					</button>
				</li>
			</ul>

			<form class="ox oh i" role="search">
				<div class="et">
					<input type="text" class="form-control" data-action="grow" placeholder="Search">
				</div>
			</form>

			<ul class="nav navbar-nav su sv sw">
				<li><a href="../index.html">Home</a></li>
				<li><a href="../profile/index.html">Profile</a></li>
				<li><a href="../notifications/index.html">Notifications</a></li>
				<li><a data-toggle="modal" href="#msgModal">Messages</a></li>
				<li><a href="../docs/index.html">Docs</a></li>
				<li><a href="#" data-action="growl">Growl</a></li>
				<li><a href="../login/index.html">Logout</a></li>
			</ul>

			<ul class="nav navbar-nav hidden">
				<li><a href="#" data-action="growl">Growl</a></li>
				<li><a href="../login/index.html">Logout</a></li>
			</ul>
		</div>
	</div>
</nav>


<div class="anr dj"
     style="background-image: url(../assets/img/iceland.jpg);">
	<div class="by">
		<div class="ans">
			<img class="cu qi" src="../assets/img/avatar-dhg.png">

			<h3 class="anu">Dave Gamache</h3>

			<p class="ant">
				I wish i was a little bit taller, wish i was a baller, wish i had a girl… also.
			</p>
		</div>
	</div>

	<nav class="anv">
		<ul class="nav om">
			<li class="active">
				<a href="#">Photos</a>
			</li>
			<li>
				<a href="#">Others</a>
			</li>
			<li>
				<a href="#">Anothers</a>
			</li>
		</ul>
	</nav>
</div>

<div class="by alw" data-grid="images">
	<div>
		<img data-width="640" data-height="400" data-action="zoom" src="../assets/img/instagram_5.jpg">
	</div>

	<div>
		<img data-width="640" data-height="640" data-action="zoom" src="../assets/img/instagram_6.jpg">
	</div>

	<div>
		<img data-width="640" data-height="640" data-action="zoom" src="../assets/img/instagram_7.jpg">
	</div>

	<div>
		<img data-width="640" data-height="640" data-action="zoom" src="../assets/img/instagram_8.jpg">
	</div>

	<div>
		<img data-width="640" data-height="640" data-action="zoom" src="../assets/img/instagram_9.jpg">
	</div>

	<div>
		<img data-width="640" data-height="640" data-action="zoom" src="../assets/img/instagram_10.jpg">
	</div>

	<div>
		<img data-width="640" data-height="400" data-action="zoom" src="../assets/img/instagram_11.jpg">
	</div>

	<div>
		<img data-width="640" data-height="640" data-action="zoom" src="../assets/img/instagram_12.jpg">
	</div>

	<div>
		<img data-width="640" data-height="400" data-action="zoom" src="../assets/img/instagram_13.jpg">
	</div>

	<div>
		<img data-width="640" data-height="640" data-action="zoom" src="../assets/img/instagram_14.jpg">
	</div>

	<div>
		<img data-width="640" data-height="640" data-action="zoom" src="../assets/img/instagram_15.jpg">
	</div>

	<div>
		<img data-width="640" data-height="640" data-action="zoom" src="../assets/img/instagram_16.jpg">
	</div>

	<div>
		<img data-width="640" data-height="640" data-action="zoom" src="../assets/img/instagram_17.jpg">
	</div>

	<div>
		<img data-width="640" data-height="640" data-action="zoom" src="../assets/img/instagram_18.jpg">
	</div>

	<div>
		<img data-width="640" data-height="400" data-action="zoom" src="../assets/img/instagram_1.jpg">
	</div>

	<div>
		<img data-width="640" data-height="640" data-action="zoom" src="../assets/img/instagram_2.jpg">
	</div>
</div>


<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/chart.js"></script>
<script src="../assets/js/toolkit.js"></script>
<script src="../assets/js/application.js"></script>
<script>
	// execute/clear BS loaders for docs
	$(function ()
	{
		if (window.BS && window.BS.loader && window.BS.loader.length)
		{
			while (BS.loader.length)
			{
				(BS.loader.pop())()
			}
		}
	})
</script>
</body>
</html>